<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="utf-8">
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <div id="example-1">
            <!-- 当选中时，`picked` 为字符串 "a" -->
            <input type="radio" v-model="picked" value="a">
        </div>
        <div id="example-2">
            <!-- `toggle` 为 true 或 false -->
            <input type="checkbox" v-model="toggle">
        </div>
        <div id="example-3">
            <!-- 当选中第一个选项时，`selected` 为字符串 "abc" -->
            <select v-model="selected">
                <option value="abc">ABC</option>
            </select>
        </div>
    </div>

    <script type="text/javascript">
        new Vue({
            el: '#example-1',
            data: {
                picked:''
            }
        });
        new Vue({
            el: '#example-2',
            data: {
                toggle:''
            }
        });
        new Vue({
            el: '#example-3',
            data: {
                selected:''
            }
        });
    </script>

    <style type="text/css">


    </style>

</body>

</html>